<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Single file Web Components</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!--ie渲染引擎-->
    <meta name="format-detection" content="telephone=no" /><!--忽略电话号码和email识别-->
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" /><!--当网站添加到主屏幕快速启动方式，将网站添加到主屏幕快速启动方式-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" /><!--隐藏ios上的浏览器地址栏-->
    <meta name="full-screen" content="yes"><!-- UC默认竖屏 ，UC强制全屏 -->
    <meta name="browsermode" content="application">
    <meta name="x5-orientation" content="portrait"><!-- QQ强制竖屏 QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <meta name="x5-page-mode" content="app">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
  </head>
<body>
<a href="https://ckeditor.com/blog/implementing-single-file-web-components/"> 官方文档</a>

			<hello-world>Comandeer</hello-world>
			<button>Add new component instance</button>

			<script src="loader.js"></script>
			<script>
				loadComponent( 'HelloWorld.wc' ).then( ( component ) => {
					console.log( 'Component loaded' );
				} );

				document.querySelector( 'button' ).addEventListener( 'click', () => {
					document.body.insertAdjacentHTML( 'beforeend', '<hello-world>Comandeer</hello-world>' );
				} );
			</script>
		</body>
	</html>
